<script setup lang="ts">
import dayjs from "dayjs";

const props = defineProps<{
  // 用户选择的预约送达日期，标准时间
  receipt_date?: string;
  // 发货时间，标准时间
  shipping_time?: string;
  // 建议最晚发货时间
  recommend_end_ship_time?: number;
}>()
</script>

<template>
  <div class="flex flex-col text-gray-600 text-xs">
    <span>预约送达日期: </span>
    <span v-if="props.receipt_date">{{ dayjs(props.receipt_date).format('YYYY-MM-DD') }}</span>
    <span v-else>暂无</span>

    <span>发货时间: </span>
    <span v-if="props.shipping_time">{{ dayjs(props.shipping_time).format('YYYY-MM-DD HH:mm:ss') }}</span>
    <span v-else>暂无</span>

    <span>建议最晚发货时间: </span>
    <span v-if="props.recommend_end_ship_time">{{ dayjs.unix(props.recommend_end_ship_time).format('YYYY-MM-DD HH:mm:ss') }}</span>
    <span v-else>暂无</span>
  </div>
</template>